var provinces = new Array("京", "沪", "浙", "苏", "粤", "鲁", "晋", "冀",
	"豫", "川", "渝", "辽", "吉", "黑", "皖", "鄂",
	"津", "贵", "云", "桂", "琼", "青", "新", "藏",
	"蒙", "宁", "甘", "陕", "闽", "赣", "湘");

var keyNums = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
	"Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P",
	"A", "S", "D", "F", "G", "H", "J", "K", "L",
	"OK", "Z", "X", "C", "V", "B", "N", "M", "Del");
var next = 0;
// 显示省份键盘
function showProvince() {
	$("#pro").html("");
	var ss = "";
	for (var i = 0; i < provinces.length; i++) {
		ss = ss + addKeyProvince(i)
	}
	$("#pro").html("<ul class='clearfix ul_pro'>" + ss + "<li class='li_close' onclick='closePro();'><span>关闭</span></li><li class='li_clean' onclick='cleanPro();'><span>清空</span></li></ul>");
}
// 数字字母键盘
function showKeybord() {
	$("#pro").html("");
	var sss = "";
	for (var i = 0; i < keyNums.length; i++) {
		sss = sss + '<li class="ikey ikey' + i + ' ' + (i > 9 ? "li_zm" : "li_num") + ' ' + (i > 28 ? "li_w" : "") + '" ><span onclick="choosekey(this,' + i + ');">' + keyNums[i] + '</span></li>'
	}
	$("#pro").html("<ul class='clearfix ul_keybord'>" + sss + "</ul>");
}
// 添加省份
function addKeyProvince(provinceIds) {
	var addHtml = '<li>';
	addHtml += '<span onclick="chooseProvince(this);">' + provinces[provinceIds] + '</span>';
	addHtml += '</li>';
	return addHtml;
}
// 选择省 点击事件
function chooseProvince(obj) {
	$(".input_pro span").text($(obj).text());
	$(".input_pro").addClass("hasPro");
	$(".input_pp").find("span").text("");
	$(".ppHas").removeClass("ppHas");
	next = 0;
	showKeybord();
}

// 选择数字字母 点击事件
function choosekey(obj, jj) {
	// console.log(obj,jj)
	if (jj == 29) {
		alert("车牌：" + $(".car_input").attr("data-pai"));
		layer.closeAll();
	} else if (jj == 37) {
		// console.log(2)
		if ($(".ppHas").length == 0) {
			$(".hasPro").find("span").text("");
			$(".hasPro").removeClass("hasPro");
			showProvince();
			next = 0;
		}
		$(".ppHas:last").find("span").text("");
		$(".ppHas:last").removeClass("ppHas");
		next = next - 1;
		if (next < 1) {
			next = 0;
		}
		// console.log(next);
	} else {
		// 可以输入几位,除了前两个
		if(newEnergy){
			if (next > 6) {
				return
			}
		}else{
			if (next > 5) {
				return
			}
		}
		
		// console.log(next);
		for (var i = 0; i < $(".input_pp").length; i++) {
			if (next == 0 & jj < 10 & $(".input_pp:eq(" + next + ")").hasClass("input_zim")) {
				layer.open({
					content: '车牌第二位为字母',
					skin: 'msg',
					time: 1
				});
				return
			}
			$(".input_pp:eq(" + next + ")").find("span").text($(obj).text());
			$(".input_pp:eq(" + next + ")").addClass("ppHas");
			next = next + 1;
			if (next > 5) {
				next = 6;
			}
			getpai();
			return
		}

	}



}
function closePro() {
	layer.closeAll()
}
function cleanPro() {
	$(".ul_input").find("span").text("");
	$(".hasPro").removeClass("hasPro");
	$(".ppHas").removeClass("ppHas");
	next = 0;
}
function trimStr(str) {
	return str.replace(/(^\s*)|(\s*$)/g, "");
}
function getpai() {
	// 显示点击的内容
	var pai = trimStr($(".car_input").text());
	// console.log(pai)
	// 去除全部空格
	var c = pai.replace(/\s/g,"")
	if(a){
		// 删除新能源三个字
		let b =  c.substring(0,c.length-3);
		$(".car_input").attr("data-pai", b);
		$("#a").text(b)
	}else{
		$(".car_input").attr("data-pai", c);
		$("#a").text(c)
	}
	// console.log(pai,121)
	
}
window.onload = function () {

	$(".input_pro").click(function () {
		layer.open({
			type: 1
			, content: '<div id="pro"></div>'
			, anim: 'up'
			, shade: false
			, style: 'position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:0; border:none;'
		});
		showProvince()
	})
	$(".input_pp").click(function () {
		if ($(".input_pro").hasClass("hasPro")) { // 如果已选择省份
			layer.open({
				type: 1
				, content: '<div id="pro"></div>'
				, anim: 'up'
				, shade: false
				, style: 'position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:0; border:none;'
			});
			showKeybord()
		} else {
			$(".input_pro").click()
		}
	})


}
